(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".middle-bottom>.tb"));

  // 步骤4：定义配置（指定图表的配置项和数据）
  option = {
    tooltip: {
      trigger: "axis",
    },
    legend: {
      textStyle: {
        color: "#666e8c",
      },
    },
    xAxis: {
      type: "category",
      boundaryGap: false,
      data: [
        "1月",
        "2月",
        "3月",
        "4月",
        "5月",
        "6月",
        "7月",
        "8月",
        "9月",
        "10月",
        "11月",
        "12月",
      ],
    },
    yAxis: {
      type: "value",
    },
    series: [
      {
        name: "销售额",
        type: "line",
        symbol: "none",
        smooth: true,
        data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 134, 150],
      },
      {
        name: "利润",
        type: "line",
        smooth: true,
        symbol: "none",
        data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150],
      },
    ],
  };
  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);

  // window.onresize = () => {
  //     myChart.resize()
  // }

  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
